<!--
 * @Author: xiaolong.luo@flowportal xiaolong.luo8888
 * @Date: 2024-04-30 19:06:56
 * @LastEditors: xiaolong.luo@flowportal xiaolong.luo8888
 * @LastEditTime: 2024-05-13 14:48:45
 * @FilePath: \v2-project\src\components\News.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <van-cell @click="asyncAdduser" is-link icon="warning-o">
      <!-- 使用 title 插槽来自定义标题 -->
      <template #title>
        <span class="custom-title">{{ item.NewsTitle }}</span>
      </template>
      <!-- 使用 label 插槽来自定义标题 -->
      <!-- <template #label>
                <div class="van-multi-ellipsis--l3" v-html="item.HtmlContent">
                </div>
            </template> -->
      <!-- 使用 right-icon 插槽来自定义右侧图标 -->
      <!-- <template #right-icon>
                <van-icon name="search" class="search-icon" />
                <van-icon class="yz-portal" class-prefix='icon' name='iconfontlink' />
                 <svg style="height: inherit;" width="16" height="16">
                    <use xlink:href="#icon-weixin"></use>
                </svg>
            </template> -->
    </van-cell>
  </div>
</template>

<script>
//import { mapActions, mapMutations } from "vuex"

export default {
  name: "NewsDetails",
  props: {
    item: {
      type: Object,
      required: true,
    },
  },
  created() {
    console.log(this.item)
  },
  computed: {
    ///...mapGetters()
  },
  methods: {
    newsclick() {
      this.$router.push({
        path: "/readnews",
        query: {
          ...this.item,
        },
      })
    },
    // ...mapMutations(["Adduser"]),
    // ...mapActions(["asyncAdduser"]),
  },
}
</script>

<style scoped>
.search-icon {
  font-size: 16px;
  line-height: inherit;
}
</style>
